<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <span id="show"> </span>
    <script src="js/utils.js"></script>
    <script>
        // 倒计时
        // 定义一个未来某一天的时间对象
        // 实时获取当前的时间对象，用当前的时间对象 和 未来固定的那个时间对象 进行算他们的时间差
        // 获取未来的时间 
        var date1 = new Date('2020-6-21 00:00:00');
        var date2 = new Date();

        // 在结构中显示的内容为 距离秒杀时间还有 0天14小时41分44秒
        chaTime(date1, date2, function (value) {
            // value 来来接受 callback的obj
            // 封装函数中的 callback(obk) 就是执行此函数
            // obj 就是 给 value赋值

            // 获取两个时间的时间差
            show.innerHTML = '距离秒杀时间还有 ' + value.day + '天' + value.hours + '小时' + value.minutes + '分' + value.seconds + '秒'
        })

        // 用定时器不断的去 获取当前最新的时间
        setInterval(function () {
            date2 = new Date();
            chaTime(date1, date2, function (value) {
                show.innerHTML = '距离秒杀时间还有 ' + value.day + '天' + value.hours + '小时' + value.minutes + '分' + value.seconds + '秒'
            })
        }, 1000)
    </script>
</body>
</html>